<!DOCTYPE html>
<html lang="en">
<head>
    <?php include_once VIEWS.'app/head_app.php'; ?>
</head>
<body>
<div id="main" class="main" v-clock>
    <div class="circle-info-content">
        <?php include_once VIEWS.'app/float.php'; ?>
        <div class="mui-scroll-wrapper pt124" id="pullrefresh">
            <div class="mui-scroll">
                <div class="circle-my-list f-cb">
                    <div class="circle-my-ava fl personal" :data-id="item.uid"><img :src="item.headimg?item.headimg:'<?php echo STATIC_URL.'avatar.png'?>'" alt="" width="100%" height="100%" /></div>
                    <div class="circle-my-info fr">
                        <div class="circle-my-name"><span class=" personal" :data-id="item.uid">{{item.uname}}</span></div>
                        <div class="circle-my-content">{{item.rid == 0?item.content:item.r_content}}</div>
                        <div class="circle-my-imgul f-cb" v-if="item.imglength !== 0">
                            <ul>
                                <li class="circle-my-imgli" v-for="photo in item.circle_photo">
                                    <a class="swipebox" :src="photo" data-preview-src="" data-preview-group="1" :style="{backgroundImage:'url('+photo+')'}"></a>
                                    <!--<img :src="photo" alt="" data-preview-src="" data-preview-group="1" width="100%" />-->
                                </li>
                                <!--<li class="circle-my-imgli"><a href="" class="swipebox"></a></li>-->
                            </ul>
                        </div>
                        <div :class="['circle-my-fdcontent',item.start.c_type==1?'link-circle':'',item.start.c_type==2?'link-article':'',item.start.deleted == 1?'cant':'']" v-if="item.start" :data-id="item.start.id">
                            <div class="circle-my-fd-title" v-if="item.start.c_type == 2">{{item.start.title}}</div>
                            <div class="circle-my-fd-info" v-if="item.start.c_type == 1"><span class="color personal" :data-id="item.start.uid" v-if="item.start.uname">@{{item.start.uname}}：</span>{{item.start.content}}</div>
                            <div class="circle-my-fd-imgul f-cb" v-if="item.start.circle_photo">
                                <ul>
                                    <li class="circle-my-fd-imgli" v-for="fdimg in item.start.circle_photo"><img :src="fdimg" data-preview-src="" data-preview-group="1" alt="" width="100%" height="100%" /></li>
                                    <!--<li class="circle-my-fd-imgli"><img src="" alt="" width="100%" height="100%" /></li>
                                    <li class="circle-my-fd-imgli"><img src="" alt="" width="100%" height="100%" /></li>-->
                                </ul>
                            </div>
                            <div class="circle-my-content" v-if="item.start.c_type == 2" v-html="item.start.content"></div>
                        </div>
                        <div class="circle-my-state f-cb mt20">
                            <div class="circle-my-s-forward fl br" id="forward">
                                <span>{{item.repeats}}</span>
                            </div>
                            <div :class="['circle-my-s-comment','fl',item.is_can == 1?'br':'']" id="comment">
                                <span>{{item.comments}}</span>
                            </div>
                            <div class="circle-my-s-delete fl br" id="delete" v-if="item.is_can == 1">
                                <span></span>
                            </div>
                            <!--v-if="item.is_can == 1"-->
                        </div>
                        <div class="circle-my-area">
                            <span class="circle-my-time">{{item.cre_time}}</span>
                            <span class="cirlce-my-loction" v-if="item.locations">{{item.locations}}</span>
                        </div>
                    </div>
                </div>
                <div class="circle-comment" v-if="comt.length !== 0">
                    <div class="circle-c-tit">全部评论</div>
                    <ul class="circle-c-comul mui-table-view mui-table-view-chevron">
                        <li class="circle-c-list f-cb" v-for="(list,index) in comt">
                            <div class="circle-my-ava fl personal" :data-id="list.uid"><img :src="list.headimg?list.headimg:'<?php echo STATIC_URL.'avatar.png'?>'" alt="" width="100%" height="100%" /></div>
                            <div class="circle-my-info fr circle-i-info">
                                <div class="circle-my-name"><span class="personal" :data-id="list.uid">{{list.uname}}</span></div>
                                <div class="circle-hot-time">{{list.cre_time}}</div>
                                <div :class="['circle-my-content','response','mui-table-view-cell',list.is_can == 1?'can':'']" :data-id="list.id" :data-name="list.uname">
                                    <a>{{list.content}}</a>
                                </div>
                                <div class="circle-i-req" v-if="list.childnums !== 0">
                                    <ul>
                                        <li :class="['mui-table-view-cell','response',childlist.is_can == 1?'can':'']" :data-id="childlist.id" :data-name="childlist.uname" v-for="(childlist,index) in list.child" v-show="index == 0 || list.childshow == 1">
                                            <a><span class="color personal">{{childlist.uname}}：</span><span class="color personal" v-if="childlist.cname">回复@{{childlist.cname}}：</span><span>{{childlist.content}}</span></a>
                                        </li>
                                    </ul>
                                    <div class="circle-i-more color" v-if="list.childnums > 1">共{{list.childnums}}条回复 ></div>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<?php
echo static_file('app/js/circle.js');
?>
</body>
</html>